<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入css -->
    <link rel="stylesheet" href="./css/origin-1.css">
</head>
<body>
    <header>
    <div class="origin-nav">
        <!-- 750/130 -->
        <span></span>
        <span>全部订单</span>
        <span>手机查单</span>

    </div>
    </header>
    <section>
    <!-- 3.53/1.35 -->
        <div class="origin-content">
            <div class="origin-content-one">
                <div class="origin-content-one-one">
                    <img src="../item/images/icon/order0424.png" alt="">
                    <div class="origin-content-wto">
                        <p>三亚5日4晚半自助游</p>
                        <p>12-23至12-27</p>
                    </div>
                    <div class="origin-content-three">
                        <p>¥6512</p>
                        <p>未提交</p> 
                    </div>
                </div>
                <div class="origin-three-btn"> 
                        <a href="">取消</a>
                        <a href="">查看行程</a>
                        <a href="">继续预定</a>
                </div>
                <div class="origin-view-order">
                    <ul>
                        <li>
                            <p>已显示全部订单</p>
                        </li>
                        <li>
                            <span>查看一年前订单</span>
                            <a href="">
                                <img src="./images/icon/arrow_03.png" alt="">
                            </a> 
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <footer>
     <div class="origin-nav-bottom">
                <p>
                    <span></span>
                    <span>筛选</span>
                    
                </p>
                <p>
                    <span></span>
                    <!-- <i></i> -->
                    <span>预定时间</span>
                    
                </p>
                <p>
                    <!-- <img src="" alt=""> -->
                    <span>有效订单</span>
                    <span></span>
                </p>
     </div>
    </footer>
    
    

    <script src="./js/flexible.js"></script>
    <script src="./js/jquery-1.12.4.min.js"></script>
    <script>
        
    </script>
</body>
</html>